一覧に戻る

Next.js + TypeScriptで開発時に型チェックが走らない件

#JavaScript#TypeScript#Next.js

TL;DR

https://github.com/vercel/next.js/issues/14997

  • 議論中(2021-07-18時点)のIssueです
  • バグというよりは機能を追加するという議論、メンテナー側はあまり乗り気ではなさそう

迂回策の案

  • tsc --watchを実行しておけば、型エラーを検知できる(Next.js側でエラーにはならない)
  • 以下の例みたいにコンソールを並べておけばエラーは見つけられるかと

詳細

  • nextで開発する際、型エラーを起こすコードを書いてもNext.jsアプリケーション上でコンパイルエラーにならない(JavaScriptライクにゆるふわに解釈される)
  • next buildでビルドする際には型チェックが入るので、その時点ではエラーになる
  • これはIssueも登録されているが、まだ議論中で未解決
    • メンテナー側はパフォーマンス低下の観点からあまり乗り気ではないが、開発時にも型チェックは必要でしょうという意見も多く、今後に期待